import { type ComponentConfigModel } from "../../../utils";
export default {
  component: () => import("./row"),
  groupName: "布局",
  icon: "epic-icon-zhage",
  defaultSchema: {
    label: "栅格布局",
    type: "row",
    children: [
      {
        type: "col",
        children: [],
        componentProps: {
          span: 12,
        },
      },
      {
        type: "col",
        children: [],
        componentProps: {
          span: 12,
        },
      },
    ],
  },
  editConstraints:{
    childImmovable: true,
  },
  config: {
    attribute: [
      // {
      //   label: "垂直对齐方式",
      //   type: "select",
      //   componentProps: {
      //     style: { width: "100%" },
      //     options: [
      //       {
      //         label: "top",
      //         value: "top",
      //       },
      //       {
      //         label: "middle",
      //         value: "middle",
      //       },
      //       {
      //         label: "bottom",
      //         value: "bottom",
      //       },
      //     ],
      //     placeholder: "请选择",
      //   },
      //   field: "componentProps.align",
      // },
      // {
      //   label: "水平排列方式",
      //   type: "select",
      //   componentProps: {
      //     style: { width: "100%" },
      //     options: [
      //       {
      //         label: "start",
      //         value: "start",
      //       },
      //       {
      //         label: "end",
      //         value: "end",
      //       },
      //       {
      //         label: "center",
      //         value: "center",
      //       },
      //       {
      //         label: "space-around",
      //         value: "space-around",
      //       },
      //       {
      //         label: "space-between",
      //         value: "space-between",
      //       },
      //     ],
      //     placeholder: "请选择",
      //   },
      //   field: "componentProps.justify",
      // },
      {
        label: "栅格间距",
        type: "number",
        field: "componentProps.gutter",
        componentProps: {
          placeholder: "请输入",
        },
      },
      {
        label: "列编辑",
        type: "EColEditor",
        field: "children",
      },
      {
        label: "隐藏",
        type: "switch",
        field: "componentProps.hidden",
      },
    ],
  },
} as ComponentConfigModel;
